.discard-customer-container {
  padding: 20px;
  background-color: #f5f5f5;
  min-height: 100%;

  .customer-header {
    margin-bottom: 20px;

    .basic-search-form {
      .el-form-item {
        margin-bottom: 18px;
      }
    }

    .search-buttons {
      display: flex;
      justify-content: space-between;
      width: 100%;

      .left-buttons,
      .right-buttons {
        display: flex;
        gap: 10px;
      }
    }
  }

  .customer-content {
    .table-toolbar {
      margin-bottom: 15px;
      display: flex;
      gap: 10px;
    }

    .custom-table {
      margin-bottom: 20px;

      .customer-name {
        color: #409eff;
        cursor: pointer;

        &:hover {
          color: #66b1ff;
        }
      }
    }

    .pagination-container {
      display: flex;
      justify-content: flex-end;
    }
  }

  .drawer-content {
    padding: 20px;
  }
}
